<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<base href="<%=basePath%>">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>主页面</title>
<link rel="stylesheet" href="<%=basePath%>/css/main.css">
<script rel="stylesheet" src="<%=basePath%>/js/main.js"></script>
</head>
<body>
	 <main>
        <header class="head" style="text-align:center">啾啾博客</header>
        <nav class="leftSide">
            <h2 style="text-align: center"></h2>
            <ul class="leftMenu_ul_level1"></ul>
                    <h2 style="text-align: center">管理菜单</h2>
                    	<div style="text-align: center">
                    <ul class="leftMenu_ul_level1">
                <li class="leftMenu_li_level1">
                   管理菜单
                    <div class="leftMenuImgs"></div>
                </li>
                <ul class="leftMenu_ul_level2" hidden>
                   <a class="leftMenu_li_level2" href="register.servlet?param=init" target="mainPage">用户信息管理</a><br>
                    <a class="leftMenu_li_level2" href="webapp/view/editArticleType.jsp" target="mainPage">写文章</a><br>
                    <a class="leftMenu_li_level2"  href="articleType.servlet?typeId=1" target="mainPage">文章类型管理</a><br>
                    <a class="leftMenu_li_level2" href="#" target="mainPage">角色信息管理</a><br>
                    <a class="leftMenu_li_level2" href="#" target="mainPage">权限信息管理</a><br>
                </ul>
                </div>
            <h2 style="text-align: center"></h2>
            <ul class="leftMenu_ul_level1"></ul>
                    <h2 style="text-align: center">文章类型</h2>
                    	<div style="text-align: center">
                    <ul class="leftMenu_ul_level1">
                    <li class="leftMenu_li_level1">
                      前端
                        <div class="leftMenuImgs"></div>
                    </li>
                    <ul class="leftMenu_ul_level2" hidden>
                        <li class="leftMenu_li_level2">原生JS</li>
                        <li class="leftMenu_li_level2">HTML5</li>
                        <li class="leftMenu_li_level2">CSS3</li>
                    </ul>
                <li class="leftMenu_li_level1">Java
                        <div class="leftMenuImgs">
                </li>
                <ul class="leftMenu_ul_level2" hidden>
                        <li class="leftMenu_li_level2">JavaCore</li>
                        <li class="leftMenu_li_level2">JavaWeb</li>
                    </ul>
                <li class="leftMenu_li_level1">框架技术
                        <div class="leftMenuImgs">
                </li>
                <ul class="leftMenu_ul_level2" hidden>
                        <li class="leftMenu_li_level2">spring</li>
                        <li class="leftMenu_li_level2">mybatis</li>
                    </ul>
			<c:forEach items="${requestScope.parentTypes}" var="articleType">
				<li class="leftMenuLi1">${articleType.name}<div class="leftMenuLi1_image"></div></li>
				<ul id="leftSubMenu">
				<c:forEach items="${articleType.subArticleTypes}" var="subArticleType">
					<li class="leftMenuLi2">
						<a class="navigate" target="mainPage" href="articleType.servlet?typeId=${subArticleType.id}">${subArticleType.name}</a>
									</li>
				</c:forEach>
			</c:forEach>
		</ul>
	</nav>
	<article>
		<section>
			<iframe name="mainPage" src="view/welcome.jsp"></iframe>
		</section>
	</article>
	</main>
</body>
</html>